<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>欢迎页</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../laydate/laydate.js"></script>
    <script src="../js/city-picker.data.js"></script>
    <script src="../js/city-picker.js"></script>
    <script src="../js/publicJS.js"></script>
    <style>
        .city-picker-span {
            width: 300px;
        }
    </style>
</head>

<body style="background:#328f46">
<div class="headiv">
    <div class="logotag">
        <a class="logo"><img src="../img/logo.png" width="440" height="65"></a>
        <b class="line"></b>
    </div>
    <a class="username">欢迎登录：<i id="name"></i></a>
    <span class="btnbox">
    	<a class="update" href="/updatePerson" title="修改"></a><a class="exit" href="/logout" title="退出"></a>
    </span>
    <div class="clear" style="height:20px; background:#328f46"></div>
</div>

<div class="messagebox">
    <div class="messageleft">
        <ul class="Fstage">
            <shiro:hasRole name="normalUser">
                <li><a href="#"><em class="e3"></em>健康信息管理
                    <div class="clear"></div>
                </a>
                    <ul class="Tstage">
                        <li><a href="/healthInfoAdd">健康信息录入</a></li>
                        <li><a href="/healthInfoSelect">健康指数查询</a></li>
                    </ul>
                </li>
                <li><a href="#"><em class="e3"></em>运动信息管理
                    <div class="clear"></div>
                </a>
                    <ul class="Tstage">
                        <li><a href="/sportIndex">运动信息录入</a></li>
                        <li><a href="/sportIndexSelect">运动信息查询</a></li>
                    </ul>
                </li>
                <li><a href="#"><em class="e3"></em>心理测试
                    <div class="clear"></div>
                </a>
                    <ul class="Tstage">
                        <li><a href="/testPage">开始测试</a></li>
                        <li><a href="/testrecord">测试记录</a></li>
                    </ul>
                </li>
                <li><a href="#"><em class="e3"></em>健康新闻
                    <div class="clear"></div>
                </a>
                    <ul class="Tstage">
                        <li><a href="/healthnewsPage">健康新闻</a></li>
                    </ul>
                </li>
            </shiro:hasRole>

            <shiro:hasRole name="admin">
                <li><a href="#"><em class="e3"></em>用户管理
                    <div class="clear"></div>
                </a>
                    <ul class="Tstage">
                        <li><a href="/userManagement">用户管理</a></li>
                        <li><a href="/userManageSelect">查询所有用户</a></li>
                    </ul>
                </li>
                <li><a href="#"><em class="e3"></em>发布新闻
                    <div class="clear"></div>
                </a>
                    <ul class="Tstage">
                        <li><a href="/releaseNewsPage">发布新闻</a></li>
                    </ul>
                </li>
            </shiro:hasRole>
        </ul>
    </div>
    <!--****************以上不能动，页面固定的东西************************-->
    <div id="div" class="messageright formpage">
        <h2>心情指数测试</h2>
        看看你今天心情指数吧！ <br>
        根据不同的情况选在A，B，C，D <br>
        <div>A表示最近一周内出现这种情况的日子不超过一天；</div>
        <div>B表示最近一周内曾有1~2天出现这种情况；</div>
        <div>C表示最近一周内曾有3~4天出现这种情况；</div>
        <div>D表示最近一周内曾有5~7天出现过这种情况</div>
        <br>
        <br>
        输入时间:<input type="text" id="in" class="textput">
        <table id="questionTable">
        </table>
        <button id="sub" class="greenbtn">提交</button>
    </div>
</div>
<script src="../js/jquery-3.2.1.js"></script>
<script src="../laydate/laydate.js"></script>
<script src="../layer/layer.js"></script>
<script>

    $.ajax({
        url: "/allQuestion",
        success: function (result) {
            var questionList = result.data;
            for (var i in questionList) {
                var question = questionList[i].question;
                var index = i + 1;
                $("#questionTable").append("<tr>" +
                    "<td>" + question + "</td>" +

                    "<td>" +
                    "<input type='radio' name='q" + i + "' value='A'>A" +
                    "<input type='radio' name='q" + i + "' value='B'>B" +
                    "<input type='radio' name='q" + i + "' value='C'>C" +
                    "<input type='radio' name='q" + i + "' value='D'>D" +
                    "</td>" +
                    "</tr>")
            }
        },
        error: function () {
            alert("错误")
        }
    });

    laydate.render({
        elem: '#in',
        type: 'date'
    });

    $("#sub").click(function () {
        $.ajax({
            url: "/test",
            type: "post",
            data: {
                q1: $("input[name = q0]:checked").val(),
                q2: $("input[name = q1]:checked").val(),
                q3: $("input[name = q2]:checked").val(),
                q4: $("input[name = q3]:checked").val(),
                q5: $("input[name = q4]:checked").val(),
                q6: $("input[name = q5]:checked").val(),
                q7: $("input[name = q6]:checked").val(),
                q8: $("input[name = q7]:checked").val(),
                q9: $("input[name = q8]:checked").val(),
                q10: $("input[name = q9]:checked").val(),
                q11: $("input[name = q10]:checked").val(),
                q12: $("input[name = q11]:checked").val(),
                q13: $("input[name = q12]:checked").val(),
                q14: $("input[name = q13]:checked").val(),
                q15: $("input[name = q14]:checked").val(),
                q16: $("input[name = q15]:checked").val(),
                q17: $("input[name = q16]:checked").val(),
                q18: $("input[name = q17]:checked").val(),
                q19: $("input[name = q18]:checked").val(),
                q20: $("input[name = q19]:checked").val(),
                date: $("#in").val()
            },
            success: function (result) {
                layer.open({
                    type: 2,
                    title: '心情指数',
                    area: ['450px', '340px'],
                    content: 'moodindexPage'
                });
            },
            error: function () {
                alert("请确认是否每道题都已经认真完成")
            }
        })
    });
</script>


</body>
</html>
